<title>通讯录</title>

<script template type="text/html">
    <link rel="stylesheet" href="{{ layui.setter.base }}style/template.css?v={{ layui.admin.v }}-1" media="all">
</script>

<div class="layui-card layadmin-header">
    <div class="layui-breadcrumb" lay-filter="breadcrumb">
        <a lay-href="">主页</a>
        <a><cite>页面</cite></a>
        <a><cite>通讯录</cite></a>
    </div>
</div>

<div class="layui-fluid layadmin-maillist-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-col-md4 layui-col-sm6">
            <div class="layadmin-contact-box">
                <div class="layui-col-md4 layui-col-sm6">
                    <a href="javascript:">
                        <div class="layadmin-text-center">
                            <script template type="text/html">
                                <img src="{{ layui.setter.base }}style/res/template/character.jpg">
                            </script>
                            <div class="layadmin-maillist-img layadmin-font-blod">演员</div>
                        </div>
                    </a>
                </div>

                <div class="layui-col-md8 layadmin-padding-left20 layui-col-sm6">
                    <a href="javascript:">
                        <h3 class="layadmin-title">
                            <strong>胡歌</strong>
                        </h3>
                        <p class="layadmin-textimg">
                            <i class="layui-icon layui-icon-location"></i>
                            上海
                        </p>
                    </a>
                    <div class="layadmin-address">
                        <a href="javascript:">
                            <strong>Hu Ge studio</strong>
                            <br>
                            E-mail:xxx@baidu.com
                            <br>
                            Weibo: https://weibo.com/hu_ge
                            <br>
                            <addr title="phone">Tel:</addr>
                            (123) 456-7890
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<script>
    layui.use(['admin'], function () {
        var $ = layui.$
            , admin = layui.admin;

    });
</script>